<template>
  <div class="contact">
    <!-- 客服中心 -->
    <p>了解最新活动</p>
    <div>
      <p>
        官方公众号：{{copyUrl1}}
        <span
          v-clipboard:copy="copyUrl1"
          v-clipboard:success="onCopy"
          v-clipboard:error="onError"
          >复制</span
        >
      </p>
    </div>
    <!-- <p>官方客服微信</p>
    <div>
      <p>
        官方客服微信：{{copyUrl2}}
        <span
          v-clipboard:copy="copyUrl2"
          v-clipboard:success="onCopy"
          v-clipboard:error="onError"
          >复制</span
        >
      </p>
    </div>
    <p>商务合作</p>
    <div>
      <p>
        商务咨询：{{copyUrl3}}
        <span
          v-clipboard:copy="copyUrl3"
          v-clipboard:success="onCopy"
          v-clipboard:error="onError"
          >复制</span
        >
      </p>
    </div> -->
  </div>
</template>

<script>
import { Toast } from "vant";
export default {
  data() {
    return {
      copyUrl1: "声贝",
      copyUrl2: "Lioso-o",
      copyUrl3: "yu202066778899",
    };
  },
  methods: {
    onCopy(e) {
      Toast("复制成功");
    },
    onError(e) {
      Toast("复制失败");
    },
  },
};
</script>
<style>
.contact {
  width: 100vw;
  height: 100vh;
  overflow: auto;
}
.contact > p {
  margin-left: 5.4vw;
  margin-top: 7.7vw;
  font-size: 4.6vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #111111;
}
.contact > p:nth-child(1) {
  margin-top: 4.9vw;
}
.contact > div {
  width: 91.8vw;
  margin-left: 4.1vw;
  margin-top: 4.6vw;
  height: 15.1vw;
  box-shadow: 0px 2.1vw 2.1vw 0px rgba(37, 41, 44, 0.04);
  border-radius: 5.1vw;
  border: 1px solid #ececec;
}
.contact > div > p {
  line-height: 15.1vw;
  margin-left: 6.9vw;
font-size: 4.6vw;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #111111;
}
.contact > div > p > span {
  display: inherit;
  float: right;
  margin-right: 6.4vw;
  width: 15.9vw;
  height: 6.1vw;
  line-height: 6.1vw;
  margin-top: 4.5vw;
  border-radius: 3.1vw;
  text-align: center;
  border: 1px solid #ff4ab4;
  font-size: 3.6vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff4ab4;
}
</style>